<template>
    <!-- <h2>我是购物车统计页面</h2> -->
    <div class="top"></div>
    <div class="fs">
        <span>购物车</span>
        <span>清空</span>
    </div>
    <div class="gs">
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                shopCart:[],
            }
        }
    }
</script>

<style scoped>
*{
    margin: 0;padding: 0;
}
ul,ol,li{
    list-style: none;
}
.top{
    width: 100%;
    height: 40%;
    background: rgba(255,255,255,0.6);
}
.fs{
    width: 100%;
    height: 10.667vw;
    background: #f3f5f7;
    font-size: 3.733vw;
    line-height: 10.667vw;
    display: flex;
    justify-content: space-between;
    padding-left:5%;
}
.fs span:nth-child(2){
    font-size: 3.2vw;
    color: rgb(0,160,220);
    padding-right: 10%;
}
</style>